// 图片上传demo
jQuery(function () {
    let $ = jQuery,
        $list = $('#fileList'),
        // 优化retina, 在retina下这个值是2
        ratio = window.devicePixelRatio || 1,

        // Web Uploader实例
        uploader;

    // 初始化Web Uploader
    uploader = WebUploader.create({
        formData: {
            _token: $("input[name=_token]").val(),
        },
        // 自动上传。
        auto: true,

        // swf文件路径
        swf: '/static/webuploader-0.1.5/Uploader.swf',

        // 文件接收服务端。
        server: '/admin/uploader/webuploader',   // 本地存储地址
        // server: '/admin/uploader/qiniu',   // 七牛云存储地址

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#filePicker',

        // 只允许选择文件，可选。
        accept: {
            title: 'Excel',
            extensions: 'xls,xlsx,csv',
            mimeTypes: ''
        }
    });

    // 文件上传成功，给item添加成功class, 用样式标记上传成功。
    uploader.on('uploadSuccess', function (file, data) {
        layer.msg('添加成功!', {icon: 1, time: 2000}, () => {
            // 将返回的文件path写入到隐藏域中
            $('input[name=excel_path]').val(data.path);
            parent.layer.close(index);
        });
    });

    // 文件上传失败，现实上传出错。
    uploader.on('uploadError', function (file) {
        var $li = $('#' + file.id),
            $error = $li.find('div.error');

        // 避免重复创建
        if (!$error.length) {
            $error = $('<div class="error"></div>').appendTo($li);
        }

        $error.text('上传失败');
    });

    // 完成上传完了，成功或者失败，先删除进度条。
    uploader.on('uploadComplete', function (file) {
        $('#' + file.id).find('.progress').remove();
    });
});
